.chatSendInput{
    position: fixed;
    bottom: 0px;
    width: 100%;
}
.chatSendInput input{
    float: left;
    width: 80%;
}
.chatSendInput button{
    float: left;
    width: 20%;
}
.otherMessageBox{
    width: 70%;
    padding: 10px;
    height: 100px;
    float: left;
}
.otherMessageBox img{
    float: left;
}
.otherMessage{
    float: right;
    width: 80%;
    margin-top: 10px;
    padding: 10px;
    border-radius: 10px;
    background: antiquewhite;
}
.myMessageBox{
    float: right;
    width: 70%;
    padding: 10px;
    height: 100px;
}
.myMessageBox img{
    float: right;
}
.myMessage{
    float: left;
    width: 80%;
}
.myMessage span{
    float: right;
    margin-top: 10px;
    padding: 10px;
    border-radius: 10px;
    background: antiquewhite;

}